<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>无标题文档</title>
    <link href="../../vendors/iview/css/iview.css" rel="stylesheet"/>
    <link href="../../styles/common.css" rel="stylesheet"/>
    <link href="../../styles/visitManage.css" rel="stylesheet"/>
    <link href="../../styles/modalStyle.css" rel="stylesheet"/>
    <link href="../../styles/company.css" rel="stylesheet"/>



</head>

<body>
<div id="Follow-up_visit">
    <div class="Follow-up_visit_box">
        <!----------上边导航开始---------->
        <div class="Navigation_top">
            <!--左边-->
            <div class="Navigation_left">
                <!--所有客户下拉框-->
                <i-Select v-model="Allcustomers2">
                    <i-Option v-for="item in Allcustomers" :value="item.value" :key="item.value">{{ item.label }}</i-Option>
                </i-Select>

                <!--客户属性下拉框-->
                <i-Select v-model="clientproperty2">
                    <i-Option v-for="item in clientproperty" :value="item.value" :key="item.value">{{ item.label }}</i-Option>
                </i-Select>

                <!--排序下拉框-->
                <i-Select v-model="sort_input2">
                    <i-Option v-for="item in sort_input" :value="item.value" :key="item.value">{{ item.label }}</i-Option>
                </i-Select>
            </div>
            <!--右边-->
            <div class="Navigation_right">
                <div class="c-two-top-zwgrkh" id="section-bomb-box" v-cloak>
                    <strong>客户名称</strong>
                    <!--转为个人客户按钮-->
                    <dl>
                        <dd type="primary" @click="transferCustomer = true" class="transferCustomer"><i></i>转为个人客户</dd>
                        <Modal
                                title="转为个人客户"
                                v-model="transferCustomer"
                                :mask-closable="false"
                                width="360"
                                ok-text="确认"
                                class-name="vertical-center-modal turnPrivateWrap">
                            <div class="modal-content">
                                <ul class="pri-ul">
                                    <li class="pri-li">
                                        <span class="model-left removeLeft">选择用户</span>
                                        <p class="model-right remove-right">
                                            <i-select v-model="selectUser">
                                                <i-option v-for="item in user" :value="item.value" :key="item">{{ item.label }}
                                                </i-option>
                                            </i-select>
                                        </p>
                                    </li>
                                    <li class="pri-li">
                                        <span class="model-left removeLeft">跟踪状态</span>
                                        <p class="model-right remove-right">
                                            <i-select v-model="trackStatus" style="width:100%">
                                                <i-option v-for="item in status" :value="item.value" :key="item">{{ item.label }}
                                                </i-option>
                                            </i-select>
                                        </p>
                                    </li>
                                    <li class="pri-li plan">
                                        <span class="model-left removeLeft">计划回访类别</span>
                                        <p class="model-right remove-right">
                                            <i-select v-model="modelplan" style="width:100%">
                                                <i-option v-for="item in plan" :value="item.value" :key="item">{{ item.label }}
                                                </i-option>
                                            </i-select>
                                        </p>
                                    </li>
                                    <li class="pri-li seeShowWrap">
                                        <span class="model-left removeLeft">带看房源</span>

                                        <p class="model-right remove-right">
                                            <i-select v-model="see" style="width:100%">
                                                <i-option v-for="item in seelist" :value="item.value"
                                                          :key="item">{{ item.label }}
                                                </i-option>
                                            </i-select>
                                        </p>
                                    </li>
                                    <li class="pri-li flightShowWrap">
                                        <span class="model-left removeLeft">航班号</span>

                                        <p class="model-right remove-right">
                                            <input type="text" placeholder="输入航班号" class="flightInput">
                                        </p>
                                    </li>
                                    <li class="pri-li">
                                        <span class="model-left removeLeft">计划回访时间</span>
                                        <p class="model-right remove-right">
                                            <Row>
                                                <Col span="12">
                                                <Date-picker type="date" placeholder="选择日期"></Date-picker>
                                                </Col>
                                            </Row>
                                        </p>
                                    </li>
                                    <li class="pri-li clearShowWrap">
                                        <span class="model-left removeLeft">清空回访记录</span>

                                        <p class="model-right remove-right">
                                            <Radio-group v-model="clear_animal">
                                                <Radio label="是"></Radio>
                                                <Radio label="否"></Radio>
                                            </Radio-group>

                                        </p>
                                    </li>
                                </ul>
                            </div>
                        </Modal>




                        <!--转移客户归属-->

                        <dd type="primary" @click="modalAscription = true" class="modalAscription"><i></i>转移客户归属</dd>
                        <Modal
                                title="将【客户】转移客户归属"
                                v-model="modalAscription"
                                :mask-closable="false"
                                width="360"
                                ok-text="确认"
                                class-name="vertical-center-modal turnClientWrap-one">
                            <div class="modal-content">
                                <ul class="pri-ul">
                                    <li class="pri-li">
                                        <span class="model-left removeLeft">选择归属</span>
                                        <p class="model-right remove-right">
                                            <i-select v-model="choiceAttribution">
                                                <i-option v-for="item in attribution" :value="item.value" :key="item">{{
                                                    item.label }}
                                                </i-option>
                                            </i-select>
                                        </p>
                                    </li>
                                </ul>

                            </div>
                        </Modal>


                        <!--客户资料-->
                        <div class="company01">
                            <div class="customer_data">
                                客户资料
                            </div>
                        </div>
                    </dl>
                </div>

            </div>

        </div>
        <!----------上边导航结束---------->
        <!----------左下边开始---------->
        <div class="Navigation_down">
            <!--左边-->
            <div class="Navigation_down_left">
                <!--查询-->
                <div class="query_input">
                    <input type="text" placeholder="查询">
                </div>
                <!--客户情况-->
                <div class="Customer_list">
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_red">确定接机</div>
                            <div class="circle_red01">无意向</div>
                            <strong style=" font-size:12px; color:#666; float:right;">3天内回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao01"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_yellow">确定接机</div>
                            <div class="circle_yellow01">意向较弱</div>
                            <strong style=" font-size:12px; color:#F30416; float:right;">今天回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao02"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_blue">已带看</div>
                            <div class="circle_blue01">意向一般</div>
                            <strong style=" font-size:12px; color:#666; float:right;">3天内回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_green">成交待回访</div>
                            <div class="circle_green01">意向强烈</div>
                            <strong style=" font-size:12px; color:#FFB619; float:right;">明天回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_gray">确定接机</div>
                            <div class="circle_gray01">无意向</div>
                            <strong style=" font-size:12px; color:#666; float:right;">一周内回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao01"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_gray">确定接机</div>
                            <div class="circle_gray01">无意向</div>
                            <strong style=" font-size:12px; color:#666; float:right;">15天内回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_gray">确定接机</div>
                            <div class="circle_gray01">无意向</div>
                            <strong style=" font-size:12px; color:#666; float:right;">15天内回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao02"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_gray">确定接机</div>
                            <div class="circle_gray01">无意向</div>
                            <strong style=" font-size:12px; color:#666; float:right;">3天内回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_gray">确定接机</div>
                            <div class="circle_gray01">无意向</div>
                            <strong style=" font-size:12px; color:#666; float:right;">3天内回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_gray">确定接机</div>
                            <div class="circle_gray01">无意向</div>
                            <strong style=" font-size:12px; color:#666; float:right;">3天内回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_gray">确定接机</div>
                            <div class="circle_gray01">无意向</div>
                            <strong style=" font-size:12px; color:#666; float:right;">3天内回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_gray">确定接机</div>
                            <div class="circle_gray01">无意向</div>
                            <strong style=" font-size:12px; color:#666; float:right;">3天内回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao"></div>
                            <span>客户姓名-销售员</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_gray">确定接机</div>
                            <div class="circle_gray01">无意向</div>
                            <strong style=" font-size:12px; color:#666; float:right;">3天内回访</strong>
                        </div>
                    </div>
                    <div class="kehu_mane">
                        <div class="kehu_boxtop">
                            <div class="kehu_tubiao"></div>
                            <span>客户姓名-销售员000000</span>
                            <div class="circle"><p>16</p></div>
                            <strong style=" float:right; font-size:12px; color:#666;">2017.06.23</strong>
                        </div>
                        <div class="kehu_boxdown">
                            <div class="circle_gray">确定接机</div>
                            <div class="circle_gray01">无意向</div>
                            <strong style=" font-size:12px; color:#666; float:right;">3天内回访</strong>
                        </div>
                    </div>

                </div>
            </div>
            <!--右边-->
            <div class="Navigation_down_right">
                <div class="Navigation_down_right-box">
                    <div class="Dialog_box">
                        <div class="chat_img01_box">
                            <div class="chat_img"></div>
                        </div>
                        <div class="chat_Arrow"></div>
                        <div class="chat_kuang">
                            <div class="chat_top">
                                <span>销售员A</span>
                                <span style="margin-left:7%; display:block;">2017.01.01</span>
                                <span style="margin-left:10%; display:block;">电话回访</span>
                            </div>
                            <div class="chat_Middle">
                                <nobr>回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况</nobr>
                            </div>
                            <div class="chat_down">
                                <div class="chatgreen">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatyellow">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatred">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatblue">
                                    <span>自定义标签</span>
                                </div>
                                <div class="color_button">
                                    <div class="weijieton_red">
                                        <span>未接通</span>
                                    </div>
                                    <div class="yxjr_yellow">
                                        <span>意向较弱</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="Dialog_box">
                        <div class="chat_img01_box">
                            <div class="chat_img01"></div>
                        </div>
                        <div class="chat_Arrow"></div>
                        <div class="chat_kuang">
                            <div class="chat_top">
                                <span>销售员A</span>
                                <span style="margin-left:7%; display:block;">2017.01.01</span>
                                <span style="margin-left:10%; display:block;">接机回访</span>
                                <span style="margin-left:10%; display:block;">航班号：21464254551</span>
                            </div>
                            <div class="chat_Middle">
                                <nobr>回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况</nobr>
                            </div>
                            <div class="chat_down">
                                <div class="chatgreen">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatyellow">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatred">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatblue">
                                    <span>自定义标签</span>
                                </div>
                                <div class="color_button">
                                    <div class="weijieton_red">
                                        <span>未接通</span>
                                    </div>
                                    <div class="yxjr_yellow">
                                        <span>意向较弱</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="Dialog_box">
                        <div class="chat_img01_box">
                            <div class="chat_img01"></div>
                        </div>
                        <div class="chat_Arrow"></div>
                        <div class="chat_kuang">
                            <div class="chat_top">
                                <span>销售员A</span>
                                <span style="margin-left:7%; display:block;">2017.01.01</span>
                                <span style="margin-left:10%; display:block;">接机回访</span>
                                <span style="margin-left:10%; display:block;">航班号：21464254551</span>
                            </div>
                            <div class="chat_Middle">
                                <nobr>回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况</nobr>
                            </div>
                            <div class="chat_down">
                                <div class="chatgreen">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatyellow">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatred">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatblue">
                                    <span>自定义标签</span>
                                </div>
                                <div class="color_button">
                                    <div class="weijieton_red">
                                        <span>未接通</span>
                                    </div>
                                    <div class="yxjr_yellow">
                                        <span>意向较弱</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="Dialog_box">
                        <div class="chat_img01_box">
                            <div class="chat_img01"></div>
                        </div>
                        <div class="chat_Arrow"></div>
                        <div class="chat_kuang">
                            <div class="chat_top">
                                <span>销售员A</span>
                                <span style="margin-left:7%; display:block;">2017.01.01</span>
                                <span style="margin-left:10%; display:block;">接机回访</span>
                                <span style="margin-left:10%; display:block;">航班号：21464254551</span>
                            </div>
                            <div class="chat_Middle">
                                <nobr>回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况</nobr>
                            </div>
                            <div class="chat_down">
                                <div class="chatgreen">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatyellow">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatred">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatblue">
                                    <span>自定义标签</span>
                                </div>
                                <div class="color_button">
                                    <div class="weijieton_red">
                                        <span>未接通</span>
                                    </div>
                                    <div class="yxjr_yellow">
                                        <span>意向较弱</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="Dialog_box">
                        <div class="chat_img01_box">
                            <div class="chat_img01"></div>
                        </div>
                        <div class="chat_Arrow"></div>
                        <div class="chat_kuang01">
                            <div class="chat_top">
                                <span>销售员A</span>
                                <span style="margin-left:7%; display:block;">2017.01.01</span>
                                <span style="margin-left:10%; display:block;">接机回访</span>
                                <span style="margin-left:10%; display:block;">航班号：21464254551</span>
                            </div>
                            <div class="chat_top">
                                <span>带看房源：房源A&nbsp;&nbsp;房源B&nbsp;&nbsp;房源A&nbsp;&nbsp;房源B&nbsp;&nbsp;房源B</span>
                            </div>
                            <div class="chat_Middle">
                                <nobr>回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况</nobr>
                            </div>
                            <div class="chat_down">
                                <div class="chatimg01">
                                    <span></span>
                                </div>
                                <div class="chatimg02">
                                    <span></span>
                                </div>
                                <div class="chatimg03">
                                    <span></span>
                                </div>
                                <div class="color_button01">
                                    <div class="yijieji_green">
                                        <span>已接机</span>
                                    </div>
                                    <div class="yxyb_blue">
                                        <span>意向一般</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="Dialog_box">
                        <div class="chat_img_rightbox">
                            <div class="chat_img_right"></div>
                        </div>
                        <div class="chat_Arrow_right"></div>
                        <div class="chat_kuang_right">
                            <div class="chat_top">
                                <span>销售员A</span>
                                <span style="margin-left:7%; display:block;">2017.01.01</span>
                                <span style="margin-left:10%; display:block;">接机回访</span>
                                <span style="margin-left:10%; display:block;">航班号：21464254551</span>
                            </div>
                            <div class="chat_Middle">
                                <nobr>回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况</nobr>
                            </div>
                            <div class="chat_down">
                                <div class="chatgreen">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatyellow">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatred">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatblue">
                                    <span>自定义标签</span>
                                </div>
                                <div class="color_button">
                                    <div class="weijieton_red">
                                        <span>未接通</span>
                                    </div>
                                    <div class="yxjr_yellow">
                                        <span>意向较弱</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="Dialog_box">
                        <div class="chat_img01_box">
                            <div class="chat_img"></div>
                        </div>
                        <div class="chat_Arrow"></div>
                        <div class="chat_kuang">
                            <div class="chat_top">
                                <span>销售员A</span>
                                <span style="margin-left:7%; display:block;">2017.01.01</span>
                                <span style="margin-left:10%; display:block;">接机回访</span>
                                <span style="margin-left:10%; display:block;">航班号：21464254551</span>
                            </div>
                            <div class="chat_Middle">
                                <nobr>回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况</nobr>
                            </div>
                            <div class="chat_down">
                                <div class="chatgreen">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatyellow">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatred">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatblue">
                                    <span>自定义标签</span>
                                </div>
                                <div class="color_button">
                                    <div class="weijieton_red">
                                        <span>未接通</span>
                                    </div>
                                    <div class="yxjr_yellow">
                                        <span>意向较弱</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="Dialog_box">
                        <div class="chat_img_rightbox">
                            <div class="chat_img_right"></div>
                        </div>
                        <div class="chat_Arrow_right"></div>
                        <div class="chat_kuang_right">
                            <div class="chat_top">
                                <span>销售员A</span>
                                <span style="margin-left:7%; display:block;">2017.01.01</span>
                                <span style="margin-left:10%; display:block;">接机回访</span>
                                <span style="margin-left:10%; display:block;">航班号：21464254551</span>
                            </div>
                            <div class="chat_Middle">
                                <nobr>回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况</nobr>
                            </div>
                            <div class="chat_down">
                                <div class="chatgreen">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatyellow">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatred">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatblue">
                                    <span>自定义标签</span>
                                </div>
                                <div class="color_button">
                                    <div class="weijieton_red">
                                        <span>未接通</span>
                                    </div>
                                    <div class="yxjr_yellow">
                                        <span>意向较弱</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="Dialog_box">
                        <div class="chat_img01_box">
                            <div class="chat_img"></div>
                        </div>
                        <div class="chat_Arrow"></div>
                        <div class="chat_kuang">
                            <div class="chat_top">
                                <span>销售员A</span>
                                <span style="margin-left:7%; display:block;">2017.01.01</span>
                                <span style="margin-left:10%; display:block;">接机回访</span>
                                <span style="margin-left:10%; display:block;">航班号：21464254551</span>
                            </div>
                            <div class="chat_Middle">
                                <nobr>回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况</nobr>
                            </div>
                            <div class="chat_down">
                                <div class="chatgreen">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatyellow">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatred">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatblue">
                                    <span>自定义标签</span>
                                </div>
                                <div class="color_button">
                                    <div class="weijieton_red">
                                        <span>未接通</span>
                                    </div>
                                    <div class="yxjr_yellow">
                                        <span>意向较弱</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                    <div class="Dialog_box">
                        <div class="chat_img01_box">
                            <div class="chat_img"></div>
                        </div>
                        <div class="chat_Arrow"></div>
                        <div class="chat_kuang">
                            <div class="chat_top">
                                <span>销售员A</span>
                                <span style="margin-left:7%; display:block;">2017.01.01</span>
                                <span style="margin-left:10%; display:block;">接机回访</span>
                                <span style="margin-left:10%; display:block;">航班号：21464254551</span>
                            </div>
                            <div class="chat_Middle">
                                <nobr>回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况回访情况</nobr>
                            </div>
                            <div class="chat_down">
                                <div class="chatgreen">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatyellow">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatred">
                                    <span>自定义标签</span>
                                </div>
                                <div class="chatblue">
                                    <span>自定义标签</span>
                                </div>
                                <div class="color_button">
                                    <div class="weijieton_red">
                                        <span>未接通</span>
                                    </div>
                                    <div class="yxjr_yellow">
                                        <span>意向较弱</span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>

                </div>

            </div>

        </div>
        <div class="txzxhfjl_top">
            <div class="bg-blue-btn">
                <Button type="primary" @click="sellVisit_modal4 = true">填写最新回访记录</Button>
                <Modal
                        title="填写最新回访记录"
                        v-model="sellVisit_modal4"
                        :mask-closable="false"
                        width="650"
                        ok-text="提交最新回访记录"
                        class-name=" vertical-center-modal newVisit">

                    <div class="modal-content">
                        <div class="one-input newPlan-toggle">
                            <strong class="state-input">
                                <i-select v-model="new_model01" placeholder="回访类别">
                                    <i-option v-for="item in new_option01" :value="item.value"
                                              :key="item">
                                        {{ item.label
                                        }}
                                    </i-option>
                                </i-select>
                            </strong>
                        </div>
                        <div class="time-choice">
                            <strong class="time-input">
                                <Row>
                                    <Col span="12">
                                    <Date-picker type="date" placeholder="回访时间"
                                                 placement="bottom-end"></Date-picker>
                                    </Col>
                                </Row>
                            </strong>
                        </div>
                        <div class="one-input">
                            <strong class="state-input">
                                <i-select v-model="new_model02" placeholder="回访人员">
                                    <i-option v-for="item in new_option02" :value="item.value"
                                              :key="item">{{ item.label
                                        }}
                                    </i-option>
                                </i-select>
                            </strong>
                        </div>
                        <div class="one-input">
                            <strong class="state-input" style="width: 170px">
                                <i-select v-model="new_model03" placeholder="接通情况">
                                    <i-option v-for="item in new_option03" :value="item.value"
                                              :key="item">{{ item.label
                                        }}
                                    </i-option>
                                </i-select>
                            </strong>
                        </div>
                        <div class="one-input">
                            <strong class="state-input">
                                <i-select v-model="new_model04" placeholder="购买意向">
                                    <i-option v-for="item in new_option04" :value="item.value"
                                              :key="item">{{ item.label
                                        }}
                                    </i-option>
                                </i-select>
                            </strong>
                        </div>
                        <div class="new_phone_record"><input placeholder="电话号码"></div>
                        <!-- 上部分隐藏-->
                        <ul>
                            <li class="pri-li new_see_record" style="display:none;">

                                <p class="model-right01 remove-right01">
                                    <i-select v-model="new_see_record" placeholder="带看房源">
                                        <i-option v-for="item in new_seelist_record"
                                                  :value="item.value"
                                                  :key="item">{{ item.label
                                            }}
                                        </i-option>
                                    </i-select>
                                </p>
                            </li>

                            <li class="pri-li new_flight_record" style="display:none;">
                                <input placeholder="航班号">
                            </li>
                        </ul>
                        <div class="one-input">
                            <strong class="state-input">
                                <i-select v-model="new_model05" placeholder="自定义字段1">
                                    <i-option v-for="item in new_option05" :value="item.value"
                                              :key="item">{{ item.label
                                        }}
                                    </i-option>
                                </i-select>
                            </strong>
                        </div>
                        <div class="one-input">
                            <strong class="state-input">
                                <i-select v-model="new_model05" placeholder="自定义字段1">
                                    <i-option v-for="item in new_option05" :value="item.value"
                                              :key="item">{{ item.label
                                        }}
                                    </i-option>
                                </i-select>
                            </strong>
                        </div>
                        <div class="one-input">
                            <strong class="state-input">
                                <i-select v-model="new_model06" placeholder="自定义字段2">
                                    <i-option v-for="item in new_option06" :value="item.value"
                                              :key="item">{{ item.label
                                        }}
                                    </i-option>
                                </i-select>
                            </strong>
                        </div>
                        <div class="one-input">
                            <strong class="state-input" style="width: 170px">
                                <i-select v-model="new_model07" placeholder="自定义字段3">
                                    <i-option v-for="item in new_option07" :value="item.value"
                                              :key="item">{{ item.label
                                        }}
                                    </i-option>
                                </i-select>
                            </strong>
                        </div>
                        <input type="text" class="c-input" placeholder="请输入追踪情况，按“提交回访情况”进行提交">
                        <div class="jl_box">
                            <span>定制下次回访计划</span>
                        </div>
                        <div class="one-input jhhflx">
                            <strong class="state-input nextPlan-toggle">
                                <i-select v-model="new_model08" placeholder="计划回访类别">
                                    <i-option v-for="item in new_option08" :value="item.value"
                                              :key="item">{{ item.label
                                        }}
                                    </i-option>
                                </i-select>
                            </strong>

                        </div>
                        <div class="time-choice">
                            <strong class="time-input">
                                <Row>
                                    <Col span="12">
                                    <Date-picker type="date" placeholder="计划回访时间"
                                                 style="width:162px; height:30px;"
                                                 placement="bottom-end"></Date-picker>
                                    </Col>
                                </Row>
                            </strong>
                        </div>
                        <i class="zhanwei"></i>
                        <ul>
                            <li class="pri-li new_see_plan" style="display:none;">

                                <p class="model-right01 remove-right01">
                                    <i-select v-model="new_see_plan" style="width:100%"
                                              placeholder="带看房源">
                                        <i-option v-for="item in new_seelist_plan"
                                                  :value="item.value"
                                                  :key="item">{{ item.label
                                            }}
                                        </i-option>
                                    </i-select>
                                </p>
                                <p class="model-right01 remove-right01" style="width: 172px">
                                    <i-select v-model="new_see_plan_status" style="width:100%"
                                              placeholder="房源带看状态">
                                        <i-option v-for="item in new_seelist_plan_status"
                                                  :value="item.value"
                                                  :key="item">{{ item.label
                                            }}
                                        </i-option>
                                    </i-select>
                                </p>
                            </li>
                            <li class="pri-li new_flight_plan" style="display:none;">
                                <input placeholder="航班号">
                            </li>
                        </ul>


                    </div>
                </Modal>
            </div>

            <div class="duankai_button">
                <div class="bg-white-btn">
                    <Button type="primary" @click="sellVisit_modal5 = true">断开跟踪</Button>
                    <Modal
                            title="填写最新回访记录"
                            v-model="sellVisit_modal5"
                            :mask-closable="false"
                            width="650"
                            ok-text="断开跟踪"
                            class-name="vertical-center-modal breakFollow">

                        <div class="modal-content">
                            <div class="time-choice">
                                <strong class="time-input">
                                    <Row>
                                        <Col span="12">
                                        <Date-picker type="date" placeholder="回访时间"
                                                     style="width:162px; height:30px;"></Date-picker>
                                        </Col>
                                    </Row>
                                </strong>
                            </div>
                            <div class="one-input">
                                <strong class="state-input">
                                    <i-select v-model="bk_modelc1" placeholder="回访类型">
                                        <i-option v-for="item in bk_option01" :value="item.value" :key="item">
                                            {{ item.label
                                            }}
                                        </i-option>
                                    </i-select>
                                </strong>
                            </div>
                            <div class="one-input">
                                <strong class="state-input">
                                    <i-select v-model="bk_modelc2" placeholder="回访人员">
                                        <i-option v-for="item in bk_option02" :value="item.value"
                                                  :key="item">{{ item.label
                                            }}
                                        </i-option>
                                    </i-select>
                                </strong>
                            </div>
                            <div class="one-input">
                                <strong class="state-input">
                                    <i-select v-model="bk_modelc3" placeholder="接通情况">
                                        <i-option v-for="item in bk_option03" :value="item.value"
                                                  :key="item">{{ item.label
                                            }}
                                        </i-option>
                                    </i-select>
                                </strong>
                            </div>
                            <div class="one-input">
                                <strong class="state-input">
                                    <i-select v-model="bk_modelc4" placeholder="购买意向">
                                        <i-option v-for="item in bk_option04" :value="item.value"
                                                  :key="item">{{ item.label
                                            }}
                                        </i-option>
                                    </i-select>
                                </strong>
                            </div>
                            <div class="one-input">
                                <strong class="state-input">
                                    <i-select v-model="bk_modelc5" placeholder="求购类型">
                                        <i-option v-for="item in bk_option05" :value="item.value"
                                                  :key="item">{{ item.label
                                            }}
                                        </i-option>
                                    </i-select>
                                </strong>
                            </div>
                            <div class="one-input">
                                <strong class="state-input">
                                    <i-select v-model="bk_modelc6" placeholder="需求面积">
                                        <i-option v-for="item in bk_option06" :value="item.value"
                                                  :key="item">{{ item.label
                                            }}
                                        </i-option>
                                    </i-select>
                                </strong>
                            </div>
                            <div class="one-input">
                                <strong class="state-input">
                                    <i-select v-model="bk_modelc7" placeholder="价格范围">
                                        <i-option v-for="item in bk_option07" :value="item.value"
                                                  :key="item">{{ item.label
                                            }}
                                        </i-option>
                                    </i-select>
                                </strong>
                            </div>

                            <input type="text" class="c-input" placeholder="请输入追踪情况，按“提交回访情况”进行提交">

                            <div class="jl_box">
                                <span>定制下次回访计划</span>
                            </div>

                            <div class="breakTxta">
                                <span class="breakTxta-left">断开跟踪原因</span>

                                <p class="breakTxta-right">
                                    <textarea name=""></textarea>
                                </p>

                            </div>


                        </div>
                    </Modal>
                </div>
            </div>
        </div>
    </div>
</div>


<!----------左下边结束---------->
<!--客户资料弹框和遮罩层-->
<div class="list-details" id="app" v-cloak>
    <!--信息弹框盒子-->
    <div class="message-box">
        <!--切换-->
        <div class="maskWrap">
            <div class="leftInfo">
                <div class="leftInfo-header">
                    <span>客户资料</span>
                </div>
                <div class="leftInfo-content">
                    <ul>
                        <li>
                            <span>客户姓名</span>

                            <p>
                                <i>刘先生</i>
                            </p>
                        </li>
                        <li>
                            <span>客户属性</span>

                            <p>
                                <i>个人客户</i>
                            </p>
                        </li>
                        <li>
                            <span>客户归属</span>

                            <p>
                                <i>销售部A</i>
                            </p>
                        </li>
                        <li>
                            <span>是否成交</span>

                            <p>
                                <i>否</i>
                            </p>
                        </li>
                        <li>
                            <span>添加时间</span>

                            <p>
                                <i>2017-02-02</i>
                            </p>
                        </li>
                        <li>
                            <span>省份城市</span>

                            <p>
                                <i>海南省，海口市</i>
                            </p>
                        </li>
                        <li>
                            <span>联系方式</span>

                            <p>
                                <i>18812345678</i>
                            </p>
                        </li>
                        <li>
                            <span>客户来源</span>

                            <p>
                                <i>客户留言</i>
                            </p>
                        </li>
                        <li>
                            <span>来源终端</span>

                            <p>
                                <i>PC端</i>

                            </p>
                        </li>
                        <li>
                            <span>意向房源</span>

                            <p>
                                <i>民宅</i>
                            </p>
                        </li>
                        <li class="tag1">
                            <span>客户标签</span>

                            <p>
                                <em class="tag-red">自定义标签</em>
                                <em class="tag-yellow">自定义标签</em>
                                <em class="tag-blue">自定义标签</em>


                                <input type="text" value="附近有幼儿园"/>
                            </p>
                        </li>
                        <li class="tag2">
                            <span>初始需求</span>

                            <p>
                                小户型、00万小户型、
                            </p>
                        </li>
                        <li>
                            <span>客户备注</span>

                            <p>
                                <i> 小户型</i>
                            </p>
                        </li>
                        <li>
                            <span>客户等级</span>

                            <p>
                                <i>普通客户</i>
                            </p>

                        </li>
                    </ul>
                </div>
                <div class="leftInfo-footer">
                    <Button type="primary" @click="info_modal1 = true">修改客户资料</Button>
                    <Modal
                            title="新建客户"
                            v-model="info_modal1"
                            :mask-closable="false"
                            width="340"
                            ok-text="保存修改"
                            cancel-text="取消"
                            class-name="vertical-center-modal changeLinkman"
                            mask-closable="false"
                    >
                        <div class="modal-content">
                            <ul class="pri-ul clearfix">
                                <li class="pri-li">
                                    <span class="model-left">客户姓名</span>

                                    <p class="model-right">
                                        <input type="text" value="刘先生"/>
                                    </p>
                                </li>
                                <li class="pri-li">
                                    <span class="model-left">客户属性</span>

                                    <p class="model-right">
                                        <i-select v-model="model1" style="width:100%">
                                            <i-option v-for="item in list1" :value="item.value" :key="item">{{
                                                item.label }}
                                            </i-option>
                                        </i-select>
                                    </p>
                                </li>
                                <li class="pri-li">
                                    <span class="model-left">客户归属</span>

                                    <p class="model-right">
                                        <i-select v-model="model2" style="width:100%">
                                            <i-option v-for="item in list2" :value="item.value" :key="item">{{
                                                item.label }}
                                            </i-option>
                                        </i-select>
                                    </p>
                                </li>
                                <li class="pri-li pri-li-disabled">
                                    <span class="model-left">是否成交</span>

                                    <p class="model-right">
                                        <span>否</span>
                                        <i></i>
                                    </p>
                                </li>
                                <li class="pri-li">
                                    <span class="model-left">添加时间</span>

                                    <p class="model-right">
                                        <Row>
                                            <Col span="12">
                                            <Date-picker type="date" placement="bottom-end" placeholder="选择日期"
                                                         style="width: 100%"></Date-picker>
                                            </Col>
                                        </Row>
                                    </p>
                                </li>
                                <li class="pri-li">
                                    <span class="model-left">省份城市</span>

                                    <p class="city model-right">
                                        <Cascader :data="data" trigger="hover"></Cascader>
                                    </p>
                                </li>
                                <li class="pri-li">
                                    <span class="model-left">联系方式</span>

                                    <p class="model-right">
                                        <input type="text" value="13708990045"/>
                                    </p>
                                </li>
                                <li class="pri-li">
                                    <span class="model-left">客户来源</span>

                                    <p class="model-right">
                                        <i-select v-model="model3" style="width:100%">
                                            <i-option v-for="item in list3" :value="item.value" :key="item">{{
                                                item.label }}
                                            </i-option>
                                        </i-select>
                                    </p>
                                </li>
                                <li class="pri-li">
                                    <span class="model-left">来源终端</span>

                                    <p class="model-right">
                                        <i-select v-model="model4" style="width:100%">
                                            <i-option v-for="item in list4" :value="item.value" :key="item">{{
                                                item.label }}
                                            </i-option>
                                        </i-select>
                                    </p>
                                </li>
                                <li class="pri-li">
                                    <span class="model-left">意向房源</span>

                                    <p class="model-right">
                                        <i-select v-model="model5" style="width:100%">
                                            <i-option v-for="item in list5" :value="item.value" :key="item">{{
                                                item.label }}
                                            </i-option>
                                        </i-select>
                                    </p>
                                </li>
                                <li class="pri-li pri-li-tag1">
                                    <span class="model-left">客户标签</span>

                                    <p class="tagChecked">
                                        <em class="tag-red">自定义标签</em>
                                        <em class="tag-yellow">自定义标签</em>
                                        <em class="tag-blue">自定义标签</em>


                                        <input type="text" value="附近有幼儿园"/>
                                    </p>
                                </li>
                                <li class="pri-li pri-li-tag2">
                                    <span>初始需求</span>

                                    <textarea name="">小户型、100万</textarea>


                                </li>

                                <li class="pri-li">
                                    <span class="model-left">客户等级</span>

                                    <input type="text"/>
                                </li>
                                <li class="pri-li">
                                    <span class="model-left">客户等级</span>

                                    <p class="model-right">
                                        <i-select v-model="model6" style="width:100%">
                                            <i-option v-for="item in list6" :value="item.value" :key="item">{{
                                                item.label }}
                                            </i-option>
                                        </i-select>
                                    </p>
                                </li>
                            </ul>
                        </div>
                    </Modal>


                </div>
            </div>
            <div class="rightInfo pr">
                <div class="rightInfo-tab">
                    <div class="close">
                        <a href="javascript:;" class="clickBig"></a>
                        <a href="javascript:;" class="clickMin"></a>
                        <a href="javascript:;" class="clickClose"></a>
                    </div>
                    <Tabs value="name1" :animated="false">
                        <Tab-pane label="销售回访记录" name="name1">
                            <div class="sellBox">
                                <div class="sellVisit">
                                    <ul>
                                        <li class="clearfix">
                                            <div class="left-icon left-airport-icon"></div>
                                            <div class="right-conent">
                                                <div class="right-conent-top">
                                                    <span>回访人： <i>销售员A</i></span>
                                                    <span>回访时间：<i>2017.01.01</i></span>
                                                    <span>航班号：<i>21464254551</i></span>

                                                </div>
                                                <div class="right-conent-btm">
                                                    <span>回访情况回访情况回访情况回访情况0000000000000000回访情况回访情况回访情况回访情况......</span>
                                                    <i class="online">已接机</i>
                                                    <i class="strong strong4">无意向</i>
                                                </div>

                                            </div>
                                        </li>
                                        <li class="clearfix">
                                            <div class="left-icon left-airport-icon"></div>
                                            <div class="right-conent">
                                                <div class="right-conent-top">
                                                    <span>回访人： <i>销售员A</i></span>
                                                    <span>回访时间：<i>2017.01.01</i></span>
                                                    <span>航班号：<i>21464254551</i></span>

                                                </div>
                                                <div class="right-conent-btm">
                                                    <span>回访情况回访情况回访情况回访情况0000000000000000回访情况回访情况回访情况回访情况......</span>
                                                    <i class="online">已接机</i>
                                                    <i class="strong strong4">无意向</i>
                                                </div>

                                            </div>
                                        </li>
                                        <li class="clearfix">
                                            <div class="left-icon left-airport-icon"></div>
                                            <div class="right-conent">
                                                <div class="right-conent-top">
                                                    <span>回访人： <i>销售员A</i></span>
                                                    <span>回访时间：<i>2017.01.01</i></span>
                                                    <span>航班号：<i>21464254551</i></span>

                                                </div>
                                                <div class="right-conent-btm">
                                                    <span>回访情况回访情况回访情况回访情况0000000000000000回访情况回访情况回访情况回访情况......</span>
                                                    <i class="online">已接机</i>
                                                    <i class="strong strong4">无意向</i>
                                                </div>

                                            </div>
                                        </li>
                                        <li class="clearfix">
                                            <div class="left-icon left-airport-icon"></div>
                                            <div class="right-conent">
                                                <div class="right-conent-top">
                                                    <span>回访人： <i>销售员A</i></span>
                                                    <span>回访时间：<i>2017.01.01</i></span>
                                                    <span>航班号：<i>21464254551</i></span>

                                                </div>
                                                <div class="right-conent-btm">
                                                    <span>回访情况回访情况回访情况回访情况0000000000000000回访情况回访情况回访情况回访情况......</span>
                                                    <i class="online">已接机</i>
                                                    <i class="strong strong4">无意向</i>
                                                </div>

                                            </div>
                                        </li>
                                        <li class="clearfix">
                                            <div class="left-icon left-call-icon"></div>
                                            <div class="right-conent">
                                                <div class="right-conent-top">
                                                    <span>回访人： <i>销售员A</i></span>
                                                    <span>回访时间：<i>2017.01.01</i></span>
                                                    <span>航班号：<i>21464254551</i></span>

                                                </div>
                                                <div class="right-conent-btm">
                                                    <span>回访情况回访情况回访情况回访情况0000000000000000回访情况回访情况回访情况回访情况......</span>
                                                    <i class="online no-online">未接通</i>
                                                    <i class="strong strong2">意向一般</i>
                                                </div>

                                            </div>
                                        </li>
                                        <li class="clearfix">
                                            <div class="left-icon left-look-icon"></div>
                                            <div class="right-conent">
                                                <div class="right-conent-top">
                                                    <span>回访人： <i>销售员A</i></span>
                                                    <span>回访时间：<i>2017.01.01</i></span>
                                                    <span>航班号：<i>21464254551</i></span>
                                                </div>

                                                <p class="look">
                                                    带看房源：<em>房源A </em><em>房源A </em><em>房源A </em><em>房源A </em>
                                                </p>
                                                <span>回访情况回访情况回访情况回访情况0000000000000000回访情况回访情况回访情况回访情况......</span>

                                                <div class="imgShow clearfix">
                                                    <img src="../../images/com_ghn_list_img_04.png" alt=""/>
                                                    <img src="../../images/com_ghn_list_img_04.png" alt=""/>
                                                    <img src="../../images/com_ghn_list_img_04.png" alt=""/>
                                                    <i class="online no-online">未接通</i>
                                                    <i class="strong strong2">意向一般</i>
                                                </div>


                                            </div>
                                        </li>
                                        <li class="clearfix">
                                            <div class="left-icon left-look-icon"></div>
                                            <div class="right-conent">
                                                <div class="right-conent-top">
                                                    <span>回访人： <i>销售员A</i></span>
                                                    <span>回访时间：<i>2017.01.01</i></span>
                                                    <span>航班号：<i>21464254551</i></span>
                                                </div>

                                                <p class="look">
                                                    带看房源：<em>房源A </em><em>房源A </em><em>房源A </em><em>房源A </em>
                                                </p>
                                                <span>回访情况回访情况回访情况回访情况0000000000000000回访情况回访情况回访情况回访情况......</span>

                                                <div class="tagShow clearfix">
                                                    <em class="tag-red">自定义标签</em>
                                                    <em class="tag-yellow">自定义标签</em>
                                                    <em class="tag-blue">自定义标签</em>
                                                    <em class="tag-green">自定义标签</em>
                                                    <i class="online no-online">未接通</i>
                                                    <i class="strong strong2">意向一般</i>
                                                </div>


                                            </div>
                                        </li>
                                        <li class="clearfix">
                                            <div class="left-icon left-airport-icon"></div>
                                            <div class="right-conent">
                                                <div class="right-conent-top">
                                                    <span>回访人： <i>销售员A</i></span>
                                                    <span>回访时间：<i>2017.01.01</i></span>
                                                    <span>航班号：<i>21464254551</i></span>

                                                </div>
                                                <div class="right-conent-btm">
                                                    <span>回访情况回访情况回访情况回访情况0000000000000000回访情况回访情况回访情况回访情况......</span>

                                                </div>

                                            </div>
                                        </li>

                                    </ul>
                                </div>
                                <div class="sellVisitBtn">

                                    <div class="bg-blue-btn">
                                        <Button type="primary" @click="changeClient_modal1 = true">转移客户</Button>
                                        <Modal
                                                title="转移客户"
                                                v-model="changeClient_modal1"
                                                :mask-closable="false"
                                                width="360"
                                                ok-text="确认"
                                                class-name="vertical-center-modal turnClient">

                                            <div class="modal-content">
                                                <ul class="pri-ul">
                                                    <li class="pri-li">
                                                        <span class="model-left removeLeft">选择用户</span>

                                                        <p class="model-right remove-right">
                                                            <i-select v-model="selectUser">
                                                                <i-option v-for="item in user" :value="item.value"
                                                                          :key="item">{{ item.label }}
                                                                </i-option>
                                                            </i-select>
                                                        </p>
                                                    </li>
                                                    <li class="pri-li">
                                                        <span class="model-left removeLeft">跟踪状态</span>

                                                        <p class="model-right remove-right">
                                                            <i-select v-model="trackStatus" style="width:100%">
                                                                <i-option v-for="item in status" :value="item.value"
                                                                          :key="item">{{ item.label }}
                                                                </i-option>
                                                            </i-select>
                                                        </p>
                                                    </li>
                                                    <li class="pri-li plan">
                                                        <span class="model-left removeLeft">计划回访类别</span>

                                                        <p class="model-right remove-right">
                                                            <i-select v-model="modelplan" style="width:100%">
                                                                <i-option v-for="item in plan" :value="item.value"
                                                                          :key="item">{{ item.label }}
                                                                </i-option>
                                                            </i-select>
                                                        </p>
                                                    </li>
                                                    <!-- 隐藏-->
                                                    <li class="pri-li see" style="display:none;">
                                                        <span class="model-left removeLeft">带看房源</span>

                                                        <p class="model-right remove-right">
                                                            <i-select v-model="see">
                                                                <i-option v-for="item in seelist" :value="item.value"
                                                                          :key="item">{{ item.label }}
                                                                </i-option>
                                                            </i-select>
                                                        </p>
                                                    </li>
                                                    <!-- 隐藏-->
                                                    <li class="pri-li flight" style="display:none;">
                                                        <span class="model-left removeLeft">航班号</span>

                                                        <p class="model-right remove-right">
                                                            <input type="text" placeholder="输入航班号">
                                                        </p>
                                                    </li>
                                                    <li class="pri-li">
                                                        <span class="model-left removeLeft">计划回访时间</span>

                                                        <p class="model-right remove-right">
                                                            <Row>
                                                                <Col span="12">
                                                                <Date-picker type="date" placeholder="选择日期"
                                                                             placement="bottom-end"></Date-picker>
                                                                </Col>
                                                            </Row>
                                                        </p>
                                                    </li>
                                                    <li class="pri-li">
                                                        <span class="model-left removeLeft">清空回访记录</span>

                                                        <p class="model-right remove-right">
                                                            <Radio-group v-model="empty">
                                                                <Radio label="是"></Radio>
                                                                <Radio label="否"></Radio>
                                                            </Radio-group>

                                                        </p>
                                                    </li>
                                                    <li class="pri-li">
                                                        <span class="model-left removeLeft">转移该销售员全部客户</span>

                                                        <p class="model-right remove-right">
                                                            <Radio-group v-model="transfer">
                                                                <Radio label="是"></Radio>
                                                                <Radio label="否"></Radio>
                                                            </Radio-group>
                                                        </p>
                                                    </li>
                                                </ul>

                                            </div>
                                        </Modal>
                                    </div>
                                    <div class="bg-blue-btn">
                                        <Button type="primary" @click="sellVisit_modal4 = true"
                                                style="margin-left: 105px">
                                            填写最新回访记录
                                        </Button>
                                        <Modal
                                                title="填写最新回访记录"
                                                v-model="sellVisit_modal4"
                                                :mask-closable="false"
                                                width="650"
                                                ok-text="提交最新回访记录"
                                                class-name="vertical-center-modal newVisit">

                                            <div class="modal-content">
                                                <div class="one-input newPlan-toggle">
                                                    <strong class="state-input">
                                                        <i-select v-model="new_model01" placeholder="回访类别">
                                                            <i-option v-for="item in new_option01" :value="item.value"
                                                                      :key="item">
                                                                {{ item.label
                                                                }}
                                                            </i-option>
                                                        </i-select>
                                                    </strong>
                                                </div>
                                                <div class="time-choice">
                                                    <Row>
                                                        <Col span="12">
                                                        <Date-picker type="date" placeholder="回访时间"
                                                                     placement="bottom-end"></Date-picker>
                                                        </Col>
                                                    </Row>
                                                </div>

                                                <div class="one-input">
                                                    <strong class="state-input">
                                                        <i-select v-model="new_model02" placeholder="回访人员">
                                                            <i-option v-for="item in new_option02" :value="item.value"
                                                                      :key="item">{{ item.label
                                                                }}
                                                            </i-option>
                                                        </i-select>
                                                    </strong>
                                                </div>
                                                <div class="one-input">
                                                    <strong class="state-input" style="width: 170px">
                                                        <i-select v-model="new_model03" placeholder="接通情况">
                                                            <i-option v-for="item in new_option03" :value="item.value"
                                                                      :key="item">{{ item.label
                                                                }}
                                                            </i-option>
                                                        </i-select>
                                                    </strong>
                                                </div>
                                                <div class="one-input">
                                                    <strong class="state-input">
                                                        <i-select v-model="new_model04" placeholder="购买意向">
                                                            <i-option v-for="item in new_option04" :value="item.value"
                                                                      :key="item">{{ item.label
                                                                }}
                                                            </i-option>
                                                        </i-select>
                                                    </strong>
                                                </div>
                                                <div class="new_phone_record"><input placeholder="电话号码"></div>
                                                <!-- 上部分隐藏-->
                                                <ul>
                                                    <li class="pri-li new_see_record" style="display:none;">

                                                        <p class="model-right01 remove-right01">
                                                            <i-select v-model="new_see_record" placeholder="带看房源">
                                                                <i-option v-for="item in new_seelist_record"
                                                                          :value="item.value"
                                                                          :key="item">{{ item.label
                                                                    }}
                                                                </i-option>
                                                            </i-select>
                                                        </p>
                                                    </li>

                                                    <li class="pri-li new_flight_record" style="display:none;">
                                                        <input placeholder="航班号">
                                                    </li>
                                                </ul>
                                                <div class="one-input">
                                                    <strong class="state-input">
                                                        <i-select v-model="new_model05" placeholder="自定义字段1">
                                                            <i-option v-for="item in new_option05" :value="item.value"
                                                                      :key="item">{{ item.label
                                                                }}
                                                            </i-option>
                                                        </i-select>
                                                    </strong>
                                                </div>
                                                <div class="one-input">
                                                    <strong class="state-input">
                                                        <i-select v-model="new_model05" placeholder="自定义字段1">
                                                            <i-option v-for="item in new_option05" :value="item.value"
                                                                      :key="item">{{ item.label
                                                                }}
                                                            </i-option>
                                                        </i-select>
                                                    </strong>
                                                </div>
                                                <div class="one-input">
                                                    <strong class="state-input">
                                                        <i-select v-model="new_model06" placeholder="自定义字段2">
                                                            <i-option v-for="item in new_option06" :value="item.value"
                                                                      :key="item">{{ item.label
                                                                }}
                                                            </i-option>
                                                        </i-select>
                                                    </strong>
                                                </div>
                                                <div class="one-input">
                                                    <strong class="state-input" style="width: 170px">
                                                        <i-select v-model="new_model07" placeholder="自定义字段3">
                                                            <i-option v-for="item in new_option07" :value="item.value"
                                                                      :key="item">{{ item.label
                                                                }}
                                                            </i-option>
                                                        </i-select>
                                                    </strong>
                                                </div>

                                                <input type="text" class="c-input" placeholder="请输入追踪情况，按“提交回访情况”进行提交">

                                                <div class="jl_box">
                                                    <span>定制下次回访计划</span>
                                                </div>
                                                <div class="one-input jhhflx">
                                                    <strong class="state-input nextPlan-toggle">
                                                        <i-select v-model="new_model08" placeholder="计划回访类别">
                                                            <i-option v-for="item in new_option08" :value="item.value"
                                                                      :key="item">{{ item.label
                                                                }}
                                                            </i-option>
                                                        </i-select>
                                                    </strong>

                                                </div>

                                                <div class="time-choice">

                                                    <Row>
                                                        <Col span="12">
                                                        <Date-picker type="date" placeholder="计划回访时间"
                                                                     style="width:162px; height:30px;"
                                                                     placement="bottom-end"></Date-picker>
                                                        </Col>
                                                    </Row>

                                                </div>

                                                <i class="zhanwei"></i>

                                                <!-- 下部分隐藏-->
                                                <ul>
                                                    <li class="pri-li new_see_plan" style="display:none;">

                                                        <p class="model-right01 remove-right01">
                                                            <i-select v-model="new_see_plan" style="width:100%"
                                                                      placeholder="带看房源">
                                                                <i-option v-for="item in new_seelist_plan"
                                                                          :value="item.value"
                                                                          :key="item">{{ item.label
                                                                    }}
                                                                </i-option>
                                                            </i-select>
                                                        </p>
                                                        <p class="model-right01 remove-right01" style="width: 172px">
                                                            <i-select v-model="new_see_plan_status" style="width:100%"
                                                                      placeholder="房源带看状态">
                                                                <i-option v-for="item in new_seelist_plan_status"
                                                                          :value="item.value"
                                                                          :key="item">{{ item.label
                                                                    }}
                                                                </i-option>
                                                            </i-select>
                                                        </p>
                                                    </li>
                                                    <li class="pri-li new_flight_plan" style="display:none;">
                                                        <input placeholder="航班号">
                                                    </li>
                                                </ul>

                                            </div>
                                        </Modal>
                                    </div>

                                    <div class="bg-white-btn">

                                        <Button type="primary" @click="addPublic_modal = true">放入公客池</Button>
                                        <Modal
                                                title="放入公客池"
                                                v-model="addPublic_modal"
                                                :mask-closable="false"
                                                width="360"
                                                ok-text="确定"
                                                class-name="vertical-center-modal addPublic">

                                            <div class="modal-content">
                                                <ul class="pri-ul">
                                                    <h3 class="warning">确认将选中客户恢复并放入公客池吗？</h3>
                                                </ul>
                                            </div>
                                        </Modal>
                                    </div>

                                </div>
                            </div>

                        </Tab-pane>
                        <Tab-pane label="带看记录" name="name2">
                            <div class="see-record-box">
                                <div class="see-record-center">
                                    <i-table :columns="seeRecord" :data="seeRecordData" ref="table"></i-table>
                                </div>
                            </div>
                        </Tab-pane>
                        <Tab-pane label="成交记录" name="name3">
                            <div class="closingRecord">
                                <div class="see-record-box">
                                    <div class="see-record-center">
                                        <i-table :columns="closingRecord" :data="closingRecordData"
                                                 ref="table"></i-table>
                                    </div>
                                </div>
                            </div>
                            <div class="dealBtn">
                                <button type="primary" @click="deal_modal = true">新建成交记录</button>
                                <Modal v-model="deal_modal"
                                       title="新建成交记录"
                                       :mask-closable="false"
                                       width="650"
                                       ok-text="提交最新成交记录"
                                       cancel-text="取消"
                                       class-name="vertical-center-modal dealRecord"
                                >

                                    <div class="modal-content">
                                        <div class="one-input newPlan-toggle">
                                            <strong class="state-input">
                                                <i-select v-model="deal_model01" placeholder="成交回访">
                                                    <i-option v-for="item in deal_option01" :value="item.value"
                                                              :key="item">
                                                        {{ item.label
                                                        }}
                                                    </i-option>
                                                </i-select>
                                            </strong>
                                        </div>
                                        <div class="time-choice">
                                            <Row>
                                                <Col span="12">
                                                <Date-picker type="date" placeholder="成交回访时间"
                                                             placement="bottom-end"></Date-picker>
                                                </Col>
                                            </Row>
                                        </div>

                                        <div class="one-input">
                                            <strong class="state-input">
                                                <i-select v-model="deal_model02" placeholder="销售员">
                                                    <i-option v-for="item in deal_option02" :value="item.value"
                                                              :key="item">{{ item.label
                                                        }}
                                                    </i-option>
                                                </i-select>
                                            </strong>
                                        </div>
                                        <div class="one-input">
                                            <strong class="state-input" style="width: 170px">
                                                <i-select v-model="deal_model03" placeholder="协助人员">
                                                    <i-option v-for="item in deal_option03" :value="item.value"
                                                              :key="item">{{ item.label
                                                        }}
                                                    </i-option>
                                                </i-select>
                                            </strong>
                                        </div>
                                        <p class="model-right01 remove-right01" style="width: 650px">
                                            <i-select v-model="deal_see_record" placeholder="带看房源">
                                                <i-option v-for="item in deal_seelist_record"
                                                          :value="item.value"
                                                          :key="item">{{ item.label
                                                    }}
                                                </i-option>
                                            </i-select>
                                        </p>
                                        <div class="one-input">
                                            <strong class="state-input">
                                                <span class="inputNum">
                                                    <Input-number :max="10" :min="1"
                                                                  v-model="deal_price04"></Input-number>
                                                </span>
                                            </strong>
                                        </div>
                                        <div class="one-input">
                                            <strong class="state-input">
                                                <i-select v-model="deal_model05" placeholder="支付方式">
                                                    <i-option v-for="item in deal_option05" :value="item.value"
                                                              :key="item">{{ item.label
                                                        }}
                                                    </i-option>
                                                </i-select>
                                            </strong>
                                        </div>
                                        <div class="one-input">
                                            <strong class="state-input">
                                                <span class="deal-area">{{deal_area}}</span>

                                            </strong>
                                        </div>
                                        <div class="one-input">
                                            <strong class="state-input" style="width: 170px">
                                                <span class="deal-type">{{deal_type}}</span>
                                            </strong>
                                        </div>

                                        <input type="text" class="c-input" placeholder="请输入追踪情况，按“提交回访情况”进行提交">

                                    </div>
                                </Modal>
                            </div>
                        </Tab-pane>
                        <Tab-pane label="联系方式" name="name4">
                            <div class="cnntBox">
                                <div class="cnntVist">
                                    <div class="cnntItem clearfix">

                                        <div class="connection-title">客户联系信息</div>

                                    </div>
                                    <!-- 不可编辑-->
                                    <div class="cnntItem clearfix noEdit" v-if="willShow">
                                        <div class="connection_girl"></div>
                                        <div class="right-conent">
                                            <div class="right-connection-top">
                                                <span>姓名： <i>张女士</i></span>
                                                <span>关系：<i>母亲</i></span>
                                            </div>
                                            <div class="right-connection-btm">
                                            <span class="cnnt_sj_xl">
               <Row>
                   <Col span="8">
                   <i-menu>
                       <Submenu name="cnnt_3">
                           <template slot="title">
                               <Icon type="ios-paper"></Icon>
                               手机：12345678901
                           </template>
                           <Menu-item name="1-1">
                               <div class="menuIte-bg">手机：12345678901</div>
                               <div class="menuIte-bg">手机：12345678901</div>
                           </Menu-item>

                       </Submenu>

                   </i-menu>
                   </Col>
               </Row>
                                            </span>

                                                <div class="cnnt_right">
                                                    <span class="cnnt_zj">座机：<i>010-12345678</i><em></em></span>
                                                    <span class="cnnt_wx">微信：<i>12345678901</i><em></em></span>
                                                    <span class="cnnt_qq">QQ：<i>393004498</i><em></em></span>
                                                </div>

                                            </div>

                                        </div>
                                    </div>

                                    <!-- 可编辑-->
                                    <div class="cnntItem clearfix" v-else>
                                        <div class="addContact cnntBox clearfix">
                                            <div class="connection_girl"></div>
                                            <div class="right-conent">
                                                <div class="right-connection-top">
                                                    <span>姓　名：<input type="text" v-model="name"/></span>
                                                    <span>关系：<i>本人</i></span>

                                                </div>
                                                <div class="right-connection-btm">
                                                    <div class=" cnnt_xl cnnt_sj_xl addPhone">
                                                            <span>
                                                                <i></i>
                                                                手机：<input type="text" class="inputPhone" maxlength="11"
                                                                          v-on:click="InputEvents" v-model="shouji"/>
                                                                <em class="showPhone"><input type="text"
                                                                                             class="inputPhone"
                                                                                             maxlength="11"
                                                                                             v-model="moreShouji1"/></em>
                                                                <em class="showPhone"><input type="text"
                                                                                             class="inputPhone"
                                                                                             maxlength="11"
                                                                                             v-model="moreShouji2"/></em>
                                                            </span>

                                                    </div>
                                                    <div class="cnnt_xl cnnt_zj_xl">
                                                        <span><i></i>座机：<input type="text" v-model="zuoji"/></span>
                                                    </div>
                                                    <div class="cnnt_xl cnnt_wx_xl">
                                                        <span><i></i>微信：<input type="text" v-model="weixin"/></span>
                                                    </div>
                                                    <div class="cnnt_xl cnnt_qq_xl">
                                                        <span><i></i>Q Q：<input type="text" v-model="qq"/></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>


                                    <!--==============================================================-->

                                    <div class="cnntItem clearfix">

                                        <div class="connection-title">其他联系人信息</div>

                                    </div>
                                    <!-- 不可编辑-->
                                    <div class="cnntItem clearfix noEdit" v-if="willShow">
                                        <div class="connection_girl"></div>
                                        <div class="right-conent">
                                            <div class="right-connection-top">
                                                <span>姓名： <i>张女士</i></span>
                                                <span>关系：<i>母亲</i></span>
                                            </div>
                                            <div class="right-connection-btm">
                                            <span class="cnnt_sj_xl">
               <Row>
                   <Col span="8">
                   <i-menu>
                       <Submenu name="cnnt_3">
                           <template slot="title">
                               <Icon type="ios-paper"></Icon>
                               手机：12345678901
                           </template>
                           <Menu-item name="1-1">
                               <div class="menuIte-bg">手机：12345678901</div>
                               <div class="menuIte-bg">手机：12345678901</div>
                           </Menu-item>

                       </Submenu>

                   </i-menu>
                   </Col>
               </Row>
                                            </span>

                                                <div class="cnnt_right">
                                                    <span class="cnnt_zj">座机：<i>010-12345678</i><em></em></span>
                                                    <span class="cnnt_wx">微信：<i>12345678901</i><em></em></span>
                                                    <span class="cnnt_qq">QQ：<i>393004498</i><em></em></span>
                                                </div>

                                            </div>

                                        </div>
                                    </div>
                                    <!-- 可编辑-->
                                    <div class="cnntItem clearfix" v-else>
                                        <div class="addContact cnntBox clearfix">
                                            <div class="connection_girl"></div>
                                            <div class="right-conent">
                                                <div class="right-connection-top">
                                                    <span>姓　名：<input type="text" v-model="name"/></span>
                                                    <span>关系：<i>本人</i></span>

                                                </div>
                                                <div class="right-connection-btm">
                                                    <div class=" cnnt_xl cnnt_sj_xl addPhone">
                                                            <span>
                                                                <i></i>
                                                                手机：<input type="text" class="inputPhone" maxlength="11"
                                                                          v-on:click="InputEvents" v-model="shouji"/>
                                                                <em class="showPhone"><input type="text"
                                                                                             class="inputPhone"
                                                                                             maxlength="11"
                                                                                             v-model="moreShouji1"/></em>
                                                                <em class="showPhone"><input type="text"
                                                                                             class="inputPhone"
                                                                                             maxlength="11"
                                                                                             v-model="moreShouji2"/></em>
                                                            </span>

                                                    </div>
                                                    <div class="cnnt_xl cnnt_zj_xl">
                                                        <span><i></i>座机：<input type="text" v-model="zuoji"/></span>
                                                    </div>
                                                    <div class="cnnt_xl cnnt_wx_xl">
                                                        <span><i></i>微信：<input type="text" v-model="weixin"/></span>
                                                    </div>
                                                    <div class="cnnt_xl cnnt_qq_xl">
                                                        <span><i></i>Q Q：<input type="text" v-model="qq"/></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- 新增联系方式-->
                                    <i-Form ref="formDynamic" :model="formDynamic">
                                        <div class="cnntItem" v-for="(item, index) in formDynamic">
                                            <div class="addContact cnntBox clearfix">
                                                <div class="connection_boy"></div>
                                                <div class="right-conent">
                                                    <div class="right-connection-top">
                                                        <span>姓　名：<input type="text"/></span>
                                                        <span>关系：<i>本人</i></span>

                                                    </div>
                                                    <div class="right-connection-btm">
                                                        <div class=" cnnt_xl cnnt_sj_xl addPhone">
                                                            <span>
                                                                <i></i>
                                                                手机：<input type="text" class="inputPhone" maxlength="11"
                                                                          v-on:click="InputEvents"/>
                                                                <em class="add-to" v-on:click="phoneAdd"></em>
                                                            </span>

                                                        </div>
                                                        <div class="cnnt_xl cnnt_zj_xl">
                                                            <span><i></i>座机：<input type="text"/></span>
                                                        </div>
                                                        <div class="cnnt_xl cnnt_wx_xl">
                                                            <span><i></i>微信：<input type="text"/></span>
                                                        </div>
                                                        <div class="cnnt_xl cnnt_qq_xl">
                                                            <span><i></i>Q Q：<input type="text"/></span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                        </div>
                                        <!-- 底部按钮-->
                                        <div class="cnnBtn" v-if="btnShow">
                                            <span class="cnn-add-btn" @click="handleAdd"></span>
                                            <span class="cnn-xiugai-btn" @click="editAdd"></span>
                                        </div>

                                        <template v-else>

                                            <!--添加 的确认和取消按钮-->
                                            <div class="cnnAddBtn addBtn" v-if="btnAddShow">
                                                <div class="confirmBtn" @click="addConfirm(index)"></div>
                                                <div class="concelBtn" @click="addRemove(index)"></div>
                                            </div>

                                            <!--编辑 的确认和取消按钮-->
                                            <div class="cnnAddBtn editBtn">
                                                <div class="confirmBtn" @click="editConfirm(index)"></div>
                                                <div class="concelBtn" @click="editRemove(index)"></div>
                                            </div>
                                        </template>

                                    </i-Form>
                                </div>

                            </div>

                        </Tab-pane>

                    </Tabs>

                </div>


            </div>
        </div>
        <div class="details-but">
            <div class="details-but-left"></div>
            <a href="#" class="shuaxin"></a>

            <div class="details-but-right"></div>
        </div>

    </div>
    <div class="zhezhao"></div>
</div>

<script src="../../vendors/vue/vue.js"></script>
<script src="../../vendors/iview/js/iview.js"></script>
<script src="../../vendors/jquery.js"></script>
<script>
    new Vue({
        el:"#Follow-up_visit",
        data:{
            /*所以客户*/
            Allcustomers: [
                {
                    value: 'suoyoukehu',
                    label: '所有客户'
                },
                {
                    value: 'shanghai',
                    label: '上海市'
                },
                {
                    value: 'shenzhen',
                    label: '深圳市'
                },

            ],
            Allcustomers2: '',
            /*所有客户结束*/
            /*客户属性*/
            clientproperty: [
                {
                    value: 'kehushuxing',
                    label: '客户属性'
                },
                {
                    value: 'shanghai',
                    label: '上海市'
                },
                {
                    value: 'shenzhen',
                    label: '深圳市'
                },

            ],
            clientproperty2: '',
            /*客户属性结束*/
            /*排序*/
            sort_input: [
                {
                    value: 'paixu',
                    label: '排序'
                },
                {
                    value: 'shanghai',
                    label: '上海市'
                },
                {
                    value: 'shenzhen',
                    label: '深圳市'
                },

            ],
            sort_input2: '',
            /*排序结束*/
            //转为个人客户
            /*转移客户*/
            transferCustomer: false,
            /*选择用户*/
            user: [
                {
                    value: '客户1',
                    label: '客户2'
                },
                {
                    value: '客户2',
                    label: '客户2'
                },
                {
                    value: '客户3',
                    label: '客户3'
                },

            ],
            selectUser: '',
            /*跟踪状态*/
            status: [
                {
                    value: '销售部1',
                    label: '销售部1'
                },
                {
                    value: '销售部2',
                    label: '销售部2'
                },
                {
                    value: '销售部3',
                    label: '销售部3'
                },

            ],
            trackStatus: '',
            /*计划回访类别*/
            plan: [
                {
                    value: '电话回访',
                    label: '电话回访'
                },
                {
                    value: '带看回访',
                    label: '带看回访'
                },
                {
                    value: '接机回访',
                    label: '接机回访'
                },

            ],

            //转移客户归属弹窗
            modalAscription: false,
            attribution: [
                {
                    value: '销售部1',
                    label: '销售部12'
                },
                {
                    value: '销售部2',
                    label: '销售部2'
                },
                {
                    value: '销售部3',
                    label: '销售部3'
                },
            ],
            choiceAttribution: '',

            /*隐藏的带看房源*/
            seelist: [
                {
                    value: '带看房源1',
                    label: '带看房源1'
                },
                {
                    value: '带看房源2',
                    label: '带看房源2'
                },
                {
                    value: '带看房源3',
                    label: '带看房源3'
                },

            ],
            see: '',
            clear_animal: '',

            modelplan: '',
            /*转移客户归属弹窗*/
            Customer_ownership:false,
            /*客户资料*/
            Customer_data:false,
            sellVisit_modal4: false,//填写最新回访记录
            sellVisit_modal5: false,//断开跟踪
            //填写最新回访记录弹窗内容
            //----------------------
            /*回访类别下拉内容*/
            new_option01: [
                {
                    value: 'bushiyong',
                    label: '电话回访'
                },
                {
                    value: 'lurushijian',
                    label: '接机回访'
                },
                {
                    value: 'jihuahuifang',
                    label: '带看房源'
                },

            ],
            new_model01: '',

            /*回访人员*/
            new_option02: [
                {
                    value: 'bushiyong',
                    label: '不启用02'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间02'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访02'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间02'
                }
            ],
            new_model02: '',

            /*接通情况*/
            new_option03: [
                {
                    value: 'bushiyong',
                    label: '不启用03'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间03'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访03'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间03'
                }
            ],
            new_model03: '',

            /*购买意向*/
            new_option04: [
                {
                    value: 'bushiyong',
                    label: '不启用04'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间04'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访04'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间04'
                }
            ],
            new_model04: '',

            /*求购类型*/
            new_option05: [
                {
                    value: 'bushiyong',
                    label: '不启用05'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间05'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访05'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间05'
                }
            ],
            new_model05: '',

            /*需求面积*/
            new_option06: [
                {
                    value: 'bushiyong',
                    label: '不启用06'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间06'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访06'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间06'
                }
            ],
            new_model06: '',

            /*价格范围*/
            new_option07: [
                {
                    value: 'bushiyong',
                    label: '不启用07'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间07'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访07'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间07'
                }
            ],
            new_model07: '',

            /*计划回访类型*/
            new_option08: [
                {
                    value: 'bushiyong',
                    label: '计划电话回访'
                },
                {
                    value: 'lurushijian',
                    label: '计划接机回访'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划带看回访'
                },

            ],
            new_model08: '',

            /*隐藏的带看房源*/
            new_seelist_record: [
                {
                    value: '最新回访带看房源1',
                    label: '带看房源1'
                },
                {
                    value: '带看房源2',
                    label: '带看房源2'
                },
                {
                    value: '带看房源3',
                    label: '带看房源3'
                },

            ],
            new_see_record: '',

            new_seelist_plan: [
                {
                    value: '最新回访带看房源1下',
                    label: '带看房源1'
                },
                {
                    value: '带看房源2',
                    label: '带看房源2'
                },
                {
                    value: '带看房源3',
                    label: '带看房源3'
                },

            ],
            new_see_plan: '',
            new_seelist_plan_status: [
                {
                    value: '房源带看状态1',
                    label: '房源带看状态1'
                },
                {
                    value: '房源带看状态2',
                    label: '房源带看状态2'
                },
                {
                    value: '房源带看状态3',
                    label: '房源带看状态3'
                },

            ],
            new_see_plan_status: '',
            //----------------------
            //断开跟踪记录弹窗内容
            //----------------------
            /*回访类别下拉内容*/
            bk_option01: [
                {
                    value: 'bushiyong',
                    label: '电话回访'
                },
                {
                    value: 'lurushijian',
                    label: '接机回访'
                },
                {
                    value: 'jihuahuifang',
                    label: '带看房源'
                },

            ],
            bk_modelc1: '',

            /*回访人员*/
            bk_option02: [
                {
                    value: 'bushiyong',
                    label: '不启用02'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间02'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访02'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间02'
                }
            ],
            bk_modelc2: '',

            /*接通情况*/
            bk_option03: [
                {
                    value: 'bushiyong',
                    label: '不启用03'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间03'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访03'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间03'
                }
            ],
            bk_modelc3: '',

            /*购买意向*/
            bk_option04: [
                {
                    value: 'bushiyong',
                    label: '不启用04'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间04'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访04'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间04'
                }
            ],
            bk_modelc4: '',

            /*求购类型*/
            bk_option05: [
                {
                    value: 'bushiyong',
                    label: '不启用05'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间05'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访05'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间05'
                }
            ],
            bk_modelc5: '',

            /*需求面积*/
            bk_option06: [
                {
                    value: 'bushiyong',
                    label: '不启用06'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间06'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访06'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间06'
                }
            ],
            bk_modelc6: '',

            /*价格范围*/
            bk_option07: [
                {
                    value: 'bushiyong',
                    label: '不启用07'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间07'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访07'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间07'
                }
            ],
            bk_modelc7: '',

            /*计划回访类型*/
            bk_option08: [
                {
                    value: 'bushiyong',
                    label: '电话回访'
                },
                {
                    value: 'lurushijian',
                    label: '接机回访'
                },
                {
                    value: 'jihuahuifang',
                    label: '带看房源'
                },

            ],
            bk_modelc8: '',
            //----------------------


        }

    })


</script>
<script>
    $(function(){
        //转为个人客户
        $(".plan .ivu-select-item").click(function () {
            if ($.trim($(".plan .ivu-select-selected-value").text()) === "带看回访") {
                $(".seeShowWrap").fadeIn();
                $(".clearShowWrap").fadeIn();
            } else {
                $(".seeShowWrap").hide();
                $(".clearShowWrap").hide();
            };
            if ($.trim($(".plan .ivu-select-selected-value").text()) === "接机回访") {
                $(".flightShowWrap").fadeIn();
            } else {
                $(".flightShowWrap").hide();
            }
        })
    })
</script>

<script>
    $(function () {
        //最新回访记录
        //上面出现和隐藏
        $(".newPlan-toggle .ivu-select-item").click(function () {
            if ($.trim($(".newPlan-toggle .ivu-select-selected-value ").text()) === "带看房源") {
                $(".new_see_record").fadeIn();
            } else {
                $(".new_see_record").hide();
            }
            ;
            if ($.trim($(".newPlan-toggle .ivu-select-selected-value").text()) === "接机回访") {
                $(".new_flight_record").fadeIn();
            } else {
                $(".new_flight_record").hide();
            }
        })

        //下面出现和隐藏
        $(".nextPlan-toggle .ivu-select-item").click(function () {
            if ($.trim($(".nextPlan-toggle .ivu-select-selected-value ").text()) === "带看房源") {
                $(".new_see_plan").fadeIn();
            } else {
                $(".new_see_plan").hide();
            }
            ;
            if ($.trim($(".nextPlan-toggle .ivu-select-selected-value").text()) === "接机回访") {
                $(".new_flight_plan").fadeIn();
            } else {
                $(".new_flight_plan").hide();
            }
        })

    })


</script>
<script>
    $(function(){
        $(".customer_data").click(function () {
            $(".list-details").css({display:'block'});
            $(".zhezhao").css({display:'block'});
        })
        $(".close .clickClose").click(function () {
            $(".list-details").css({display:'none'});
            $(".zhezhao").css({display:'none'});
        })
        $(".zhezhao").click(function () {
            $(".list-details").css({display:'none'});
            $(".zhezhao").css({display:'none'});
        })
        $("#customer").bind("input propertychange",function(){
            $(".c-shuru").show().html("<em>"+$("#customer").val()+"先生"+"</em>"+"<em>"+$("#customer").val()+"女士"+"</em>");
            $(".c-shuru em").click(function(){
                $("#customer").val($(this).text());
                $(".c-shuru").hide();
            })
        })
        //转为个人客户
        $(".plan .ivu-select-item").click(function () {
            if ($.trim($(".plan .ivu-select-selected-value").text()) === "带看回访") {
                $(".seeShowWrap").fadeIn();
                $(".clearShowWrap").fadeIn();
            } else {
                $(".seeShowWrap").hide();
                $(".clearShowWrap").hide();
            };
            if ($.trim($(".plan .ivu-select-selected-value").text()) === "接机回访") {
                $(".flightShowWrap").fadeIn();
            } else {
                $(".flightShowWrap").hide();
            }
        })
    })
</script>

<!--客户资料弹框-->
<script>
    var vm = new Vue({
        el: '#app',
        data: {
            //弹框
            info_modal1: false,//修改客户资料
            changeClient_modal1: false,//转移客户
            sellVisit_modal4: false,//填写最新回访记录
            addPublic_modal: false,//放入公客池
            deal_modal: false,//新建成交成交记录
            //cnnt_modal: false,//添加联系方式
            //添加新客户中内容弹窗
            list1: [
                {
                    value: '公共客户1',
                    label: '公共客户2'
                },
                {
                    value: '公共客户2',
                    label: '公共客户2'
                },
                {
                    value: '公共客户3',
                    label: '公共客户3'
                },

            ],
            model1: '',
            list2: [
                {
                    value: '销售部1',
                    label: '销售部1'
                },
                {
                    value: '销售部2',
                    label: '销售部2'
                },
                {
                    value: '销售部3',
                    label: '销售部3'
                },

            ],
            model2: '',
            list3: [
                {
                    value: '销售部1',
                    label: '销售部1'
                },
                {
                    value: '销售部2',
                    label: '销售部2'
                },
                {
                    value: '销售部3',
                    label: '销售部3'
                },

            ],
            model3: '',
            list4: [
                {
                    value: 'PC',
                    label: 'PC'
                },
                {
                    value: '微信端',
                    label: '微信端'
                },
                {
                    value: '微信端',
                    label: '微信端'
                },

            ],
            model4: '',
            list5: [
                {
                    value: 'PC',
                    label: 'PC'
                },
                {
                    value: '微信端',
                    label: '微信端'
                },
                {
                    value: '微信端',
                    label: '微信端'
                },

            ],
            model5: '',
            list6: [
                {
                    value: '普通客户',
                    label: '普通客户'
                },
                {
                    value: '普通客户1',
                    label: '普通客户1'
                },
                {
                    value: '普通客户2',
                    label: '普通客户2'
                },

            ],
            model6: '',
            //省市
            data: [{
                value: 'hainan',
                label: '海南省',
                children: [
                    {
                        value: 'gugong',
                        label: '海口市'
                    },
                    {
                        value: 'tiantan',
                        label: '澄迈县'
                    },
                    {
                        value: 'wangfujing',
                        label: '文昌市'
                    }
                ]
            },
                {
                    value: 'beijing',
                    label: '北京市',
                    children: [
                        {
                            value: 'gugong',
                            label: '北京市'
                        }
                    ]
                },
            ],

            //销售回访记录tab1
            //转移客户弹窗内容
            /*选择用户*/
            user: [
                {
                    value: '客户1',
                    label: '客户2'
                },
                {
                    value: '客户2',
                    label: '客户2'
                },
                {
                    value: '客户3',
                    label: '客户3'
                },

            ],
            selectUser: '',
            /*跟踪状态*/
            status: [
                {
                    value: '销售部1',
                    label: '销售部1'
                },
                {
                    value: '销售部2',
                    label: '销售部2'
                },
                {
                    value: '销售部3',
                    label: '销售部3'
                },

            ],
            trackStatus: '',
            /*计划回访类别*/
            plan: [
                {
                    value: '电话回访',
                    label: '电话回访'
                },
                {
                    value: '带看回访',
                    label: '带看回访'
                },
                {
                    value: '接机回访',
                    label: '接机回访'
                },

            ],
            modelplan: '',
            /*带看房源*/
            seelist: [
                {
                    value: '带看房源1',
                    label: '带看房源1'
                },
                {
                    value: '带看房源2',
                    label: '带看房源2'
                },
                {
                    value: '带看房源3',
                    label: '带看房源3'
                },

            ],
            see: '',
            //单选
            /*清空*/
            empty: '',
            /*转移*/
            transfer: '',


            //填写最新回访记录弹窗内容
            //----------------------
            /*回访类别下拉内容*/
            new_option01: [
                {
                    value: 'bushiyong',
                    label: '电话回访'
                },
                {
                    value: 'lurushijian',
                    label: '接机回访'
                },
                {
                    value: 'jihuahuifang',
                    label: '带看回访'
                },

            ],
            new_model01: '',

            /*回访人员*/
            new_option02: [
                {
                    value: 'bushiyong',
                    label: '不启用02'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间02'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访02'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间02'
                }
            ],
            new_model02: '',

            /*接通情况*/
            new_option03: [
                {
                    value: 'bushiyong',
                    label: '不启用03'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间03'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访03'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间03'
                }
            ],
            new_model03: '',

            /*购买意向*/
            new_option04: [
                {
                    value: 'bushiyong',
                    label: '不启用04'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间04'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访04'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间04'
                }
            ],
            new_model04: '',

            /*求购类型*/
            new_option05: [
                {
                    value: 'bushiyong',
                    label: '不启用05'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间05'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访05'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间05'
                }
            ],
            new_model05: '',

            /*需求面积*/
            new_option06: [
                {
                    value: 'bushiyong',
                    label: '不启用06'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间06'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访06'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间06'
                }
            ],
            new_model06: '',

            /*价格范围*/
            new_option07: [
                {
                    value: 'bushiyong',
                    label: '不启用07'
                },
                {
                    value: 'lurushijian',
                    label: '录入时间07'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划回访07'
                },
                {
                    value: 'jihuahuifangshijian',
                    label: '计划回访时间07'
                }
            ],
            new_model07: '',

            /*计划回访类型*/
            new_option08: [
                {
                    value: 'bushiyong',
                    label: '计划电话回访'
                },
                {
                    value: 'lurushijian',
                    label: '计划接机回访'
                },
                {
                    value: 'jihuahuifang',
                    label: '计划带看回访'
                },

            ],
            new_model08: '',

            /*隐藏的带看房源*/
            new_seelist_record: [
                {
                    value: '最新回访带看房源1',
                    label: '带看房源1'
                },
                {
                    value: '带看房源2',
                    label: '带看房源2'
                },
                {
                    value: '带看房源3',
                    label: '带看房源3'
                },

            ],
            new_see_record: '',

            new_seelist_plan: [
                {
                    value: '最新回访带看房源1下',
                    label: '带看房源1'
                },
                {
                    value: '带看房源2',
                    label: '带看房源2'
                },
                {
                    value: '带看房源3',
                    label: '带看房源3'
                },

            ],
            new_see_plan: '',
            new_seelist_plan_status: [
                {
                    value: '房源带看状态1',
                    label: '房源带看状态1'
                },
                {
                    value: '房源带看状态2',
                    label: '房源带看状态2'
                },
                {
                    value: '房源带看状态3',
                    label: '房源带看状态3'
                },

            ],
            new_see_plan_status: '',
            //----------------------


//            带看记录tab2开始
            seeRecord: [
                {
                    title: '带看时间',
                    key: 'seeTime',
                    width: '11.8%'
                },
                {
                    title: '带看房源',
                    key: 'seeCustomer',
                },
                {
                    title: '带看人',
                    key: 'seePeople',
                    width: '11.8%'
                },
                {
                    title: '购买意向',
                    key: 'purchaseIntention',
                    width: '14%'
                },
                {
                    title: '带看详情',
                    key: 'seeDetails',
                    width: '25.3%'
                }
            ],
            seeRecordData: [
                {
                    seeTime: '2017.02.02',
                    seeCustomer: '客户1',
                    seePeople: '销售员A',
                    purchaseIntention: '意向强烈',
                    seeDetails: '123123',
                    cellClassName: {
                        purchaseIntention: 'yxql-green',
                    }
                },
                {
                    seeTime: '2017.02.02',
                    seeCustomer: '客户1',
                    seePeople: '销售员A',
                    purchaseIntention: '意向一般',
                    seeDetails: '123123',
                    cellClassName: {
                        purchaseIntention: 'yxyb-blue',
                    }
                },
                {
                    seeTime: '2017.02.02',
                    seeCustomer: '客户1',
                    seePeople: '销售员A',
                    purchaseIntention: '意向较弱',
                    seeDetails: '123123',
                    cellClassName: {
                        purchaseIntention: 'yxjr-yellow',
                    }
                },
                {
                    seeTime: '2017.02.02',
                    seeCustomer: '客户1',
                    seePeople: '销售员A',
                    purchaseIntention: '无意向',
                    seeDetails: '123123',
                    cellClassName: {
                        purchaseIntention: 'wyx-red',
                    }
                },
                {
                    seeTime: '2017.02.02',
                    seeCustomer: '客户1',
                    seePeople: '销售员A',
                    purchaseIntention: '意向强烈',
                    seeDetails: '123123',
                    cellClassName: {
                        purchaseIntention: 'yxql-green',
                    }
                },
                {
                    seeTime: '2017.02.02',
                    seeCustomer: '客户1',
                    seePeople: '销售员A',
                    purchaseIntention: '意向一般',
                    seeDetails: '123123',
                    cellClassName: {
                        purchaseIntention: 'yxyb-blue',
                    }
                },
                {
                    seeTime: '2017.02.02',
                    seeCustomer: '客户1',
                    seePeople: '销售员A',
                    purchaseIntention: '意向较弱',
                    seeDetails: '123123',
                    cellClassName: {
                        purchaseIntention: 'yxjr-yellow',
                    }
                },
                {
                    seeTime: '2017.02.02',
                    seeCustomer: '客户1',
                    seePeople: '销售员A',
                    purchaseIntention: '无意向',
                    seeDetails: '123123',
                    cellClassName: {
                        purchaseIntention: 'wyx-red',
                    }
                },
                {
                    seeTime: '2017.02.02',
                    seeCustomer: '客户1',
                    seePeople: '销售员A',
                    purchaseIntention: '意向强烈',
                    seeDetails: '123123',
                    cellClassName: {
                        purchaseIntention: 'yxql-green',
                    }
                },
                {
                    seeTime: '2017.02.02',
                    seeCustomer: '客户1',
                    seePeople: '销售员A',
                    purchaseIntention: '意向一般',
                    seeDetails: '123123',
                    cellClassName: {
                        purchaseIntention: 'yxyb-blue',
                    }
                },
                {
                    seeTime: '2017.02.02',
                    seeCustomer: '客户1',
                    seePeople: '销售员A',
                    purchaseIntention: '意向较弱',
                    seeDetails: '123123',
                    cellClassName: {
                        purchaseIntention: 'yxjr-yellow',
                    }
                },
                {
                    seeTime: '2017.02.02',
                    seeCustomer: '客户1',
                    seePeople: '销售员A',
                    purchaseIntention: '无意向',
                    seeDetails: '123123',
                    cellClassName: {
                        purchaseIntention: 'wyx-red',
                    }
                },

            ],

            /*成交记录列表*/
            closingRecord: [
                {
                    title: '成交时间',
                    key: 'closingTime',

                },
                {
                    title: '成交客户',
                    key: 'closingCustomer',
                },

                {
                    title: '销售员',
                    key: 'salesperson',

                },
                {
                    title: '面积',
                    key: 'acreage',

                },
                {
                    title: '成交价格',
                    key: 'transactionPrice',

                },
                {
                    title: '操作',
                    key: 'operation',

                    render: (function (index) {
                        return (
                            ' <Tooltip placement="top" content="查看"><p class="eyes p-click" type="primary" @click="operation(' + index.id + ')"></p></Tooltip>'
                        )
                    })
                }
            ],
            closingRecordData: [
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                }, {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                }, {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },
                {
                    closingTime: '2017.02.02',
                    closingCustomer: '客户1',
                    salesperson: '销售员A',
                    acreage: '100m²',
                    transactionPrice: '100万',
                    operation: '',
                },


            ],
//           新建成交记录弹框和内容
            /*成交回访*/
            deal_option01: [
                {
                    value: '成交回访1',
                    label: '成交回访1'
                },
                {
                    value: '成交回访2',
                    label: '成交回访2'
                },

            ],
            deal_model01: '',

            /*销售员*/
            deal_option02: [
                {
                    value: '销售员',
                    label: '销售员'
                },
                {
                    value: '销售员2',
                    label: '销售员2'
                },

            ],
            deal_model02: '',

            /*协助人员*/
            deal_option03: [
                {
                    value: '协助人员',
                    label: '协助人员'
                },
                {
                    value: '协助人员2',
                    label: '协助人员2'
                },
            ],
            deal_model03: '',
            /*带看房源*/
            deal_seelist_record: [
                {
                    value: '带看房源',
                    label: '带看房源'
                },
                {
                    value: '带看房源2',
                    label: '带看房源2'
                },
            ],
            deal_see_record: '',

            /*成交价格*/
            deal_price04: 0,


            /*支付方式*/
            deal_option05: [
                {
                    value: '支付方式',
                    label: '支付方式'
                },
                {
                    value: '支付方式2',
                    label: '支付方式2'
                },

            ],
            deal_model05: '',

            /*成交房源面积*/
            deal_area: '100',


            /*成交房源户型*/
            deal_type: '一室一厅',


            //联系我们tab4开始

            formDynamic: [],
            editDynamic: [],
            noEditDynamic: [],
            //编辑初始化数据
            name: '张女士',
            shouji: '12345678901',
            moreShouji1: '12345678901',
            moreShouji2: '12345678901',
            zuoji: '010-12345678',
            weixin: '12345678901',
            qq: '393004498',
            willShow: true,
            btnShow: true,
            btnAddShow: true,

        },
        methods: {
            /*联系方式的添加和删除开始*/
            handleAdd: function () {
                var pobj = {};
                this.formDynamic.push(pobj);

                // this.btnShow = false;


                this.btnShow=false;

                this.btnAddShow=false;

            },
            editAdd: function () {
                this.willShow=false;
                this.btnShow=false;

                this.btnAddShow=false;



            },
            /*/!* 输入手机号后出现可点击添加按钮*!/*/
            InputEvents: function () {
                $(".inputPhone").bind("input propertychange", function () {
                    var thist = $(this);
                    thist.next().show();
                })
            },
            phoneAdd: function () {
                $(".addPhone").append('<p class="showPhone"><input type="text" class="inputPhone" maxlength="11"/></p>');
            },

            /*联系方式的添加和删除结束*/
        },
        computed: {
            addConfirm: function (index) {

                this.formDynamic.splice(index, 1);

                this.willShow=true;

                this.btnShow=true;

            },
            addRemove: function (id) {
                var index = this.formDynamic.findIndex(function (obj) {
                    return obj.id == id;
                });
                this.formDynamic.splice(index, 1);


                this.btnShow=true;

            },

            editConfirm: function (index) {
                // var pobj = {};
                // this.noEditDynamic.push(pobj);
                this.formDynamic.splice(index, 1);

                this.willShow = true;
                this.btnShow=true;
                this.btnAddShow=false;




            },
            editRemove: function (index) {

                this.formDynamic.splice(index, 1);
                this.willShow = true;
                this.btnShow=true;
                this.btnAddShow=false;



            },

        },
    })
</script>
<script>
    $(function () {
        /*添加客户输入姓名效果*/
        $(".customer").bind("input propertychange",function(){
            $(".c-shuru").show().html("<em>"+$("#customer").val()+"先生"+"</em>"+"<em>"+$("#customer").val()+"女士"+"</em>");
            $(".c-shuru em").click(function(){
                $("#customer").val($(this).text());
                $(".c-shuru").hide();
            })

        })

        // 转移客户
        $(".plan .ivu-select-item").click(function () {
            if ($.trim($(".plan .ivu-select-selected-value").text()) === "带看回访") {
                $(".see").fadeIn();
            } else {
                $(".see").hide();
            };
            if ($.trim($(".plan .ivu-select-selected-value").text()) === "接机回访") {
                $(".flight").fadeIn();
            } else {
                $(".flight").hide();
            }
        })

        /*点击切换大框大小*/
        $(".clickBig").click(function(){
            $(".list-details").animate({width:$("body").width(),height:$("body").height()-50,'margin-left':-$("body").width()/2,'margin-top':-$("body").height()/2})
            $(".message-box").animate({width:'100%',height:'100%'})
            $(".leftInfo").animate({height:'100%'})
            $(".rightInfo").animate({height:'100%'})
            $(".sellBox").animate({height:'94.4%'})

            $(".clickBig").hide();
            $(".clickMin").show();
        })
        $(".clickMin").click(function(){
            $(".list-details").animate({width:'1010px',height:'560px','margin-left':-'505','margin-top':-'290'});$(".clickBig").show();
            $(".clickMin").hide();

            $(".sellBox").animate({height:'90.8%'})

        })


        //自定义标签的样式切换
        $(".tagChecked em").click(function () {
            if ($(this).hasClass("tag-red")) {
                console.log(this);
                $(this).toggleClass("tag-red-select")
            }
        });
        $(".tagChecked em").click(function () {
            if ($(this).hasClass("tag-yellow")) {
                console.log(this);
                $(this).toggleClass("tag-yellow-select")
            }
        });
        $(".tagChecked em").click(function () {
            if ($(this).hasClass("tag-blue")) {
                console.log(this);
                $(this).toggleClass("tag-blue-select")
            }
        })

        //转移客户
        //出现和隐藏
        $(".turnClient .ivu-select-item").click(function () {
            if ($.trim($(".turnClient .ivu-select-selected-value ").text()) === "带看回访") {
                $(".see").fadeIn();
            } else {
                $(".see").hide();
            }
            ;
            if ($.trim($(".turnClient .ivu-select-selected-value").text()) === "接机回访") {
                $(".flight").fadeIn();
            } else {
                $(".flight").hide();
            }
        })


        //最新回访记录
        //填写最新回访记录 出现和隐藏
        $(".newPlan-toggle .ivu-select-item").click(function () {
            if ($.trim($(".newPlan-toggle .ivu-select-selected-value ").text()) === "带看回访") {
                $(".new_see_record").fadeIn();
            } else {
                $(".new_see_record").hide();
            }
            ;
            if ($.trim($(".newPlan-toggle .ivu-select-selected-value").text()) === "接机回访") {
                $(".new_flight_record").fadeIn();
            } else {
                $(".new_flight_record").hide();
            }
        })

        //定制下次回访计划 出现和隐藏
        $(".nextPlan-toggle .ivu-select-item").click(function () {
            if ($.trim($(".nextPlan-toggle .ivu-select-selected-value ").text()) === "计划带看回访") {
                $(".new_see_plan").fadeIn();
            } else {
                $(".new_see_plan").hide();
            }
            ;
            if ($.trim($(".nextPlan-toggle .ivu-select-selected-value").text()) === "计划接机回访") {
                $(".new_flight_plan").fadeIn();
            } else {
                $(".new_flight_plan").hide();
            }
        })
    })
</script>

</body>
</html>
